@import 'normalize.css';

*{
  box-sizing: border-box;
}

html {
  font-size: 16px; /* 1rem = 16px (在1200px屏幕下) */
  ::-webkit-scrollbar {
    display: none;
  }
}

body{
  width: 100%;
  background-image: url(https://uicook.cn/wp-content/uploads/2024/12/uicook-bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  ::-webkit-scrollbar {
    display: none;
  }
}



/* 1. 大屏设备 (>1440px) */
@media (min-width: 1440px) {
  html {
    font-size: 16px; /* 1rem = 120px */
  }
}

/* 2. 中等屏幕 (1024px-1439px) */
@media (min-width: 1024px) and (max-width: 1439px) {
  html {
    font-size: 14px; /* 1rem = 100px */
  }
}

/* 3. 平板屏幕 (768px-1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  html {
    font-size: 12px; /* 1rem = 80px */
  }
}

/* 4. 手机屏幕 (<768px) */
@media (max-width: 767px) {
  html {
    font-size: 10px; /* 1rem = 60px */
  }
}

/* 5. 小屏手机 (<375px) */
@media (max-width: 374px) {
  html {
    font-size: 10px; /* 1rem = 50px (避免字体过小) */
  }
}